import { createContext, useContext } from "react";
import { observer } from 'mobx-react-lite';
import homeStore from './homeStore'
import mainStore from "./mainStore";
import userStore from "./userStore"

class RootStore {
  constructor() {
    this.homeStore = homeStore
    this.mainStore = mainStore
    this.userStore = userStore
  }
}

const rootStore = new RootStore()

const context = createContext(rootStore)
const useStore = () => {
  return useContext(context)
}

export { useStore, observer }